<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>大数据管理平台</title>
	<meta charset="UTF-8">
	<link href="../css/BigData.css" rel="stylesheet" type="text/css" />
	<link href="../css/index.css" rel="stylesheet" type="text/css" />
	<link href="../css/index01.css" rel="stylesheet" type="text/css" />
	<link href="../css/Security_operation.css" rel="stylesheet" type="text/css" />
	<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="data_bodey">
	<div class="index_nav">
		<ul style="height: 30px; margin-bottom: 0px;">
			<li class="l_left total_chose_pl  nav_active">统计分析一</li>
			<li class="l_left total_chose_pl">统计分析二</li>
			<li class="r_right total_chose_pl">统计分析三</li>
			<li class="r_right total_chose_pl">统计分析四</li>
			<li class="r_right total_chose_pl">统计分析五</li>
		</ul>
		<div class="total_chose_box">
			<div style="height: 32px;"></div>
			<span class="chose_tltle">请选择年份：</span>
			<select class="year_chose">
				<option>2017</option>
				<option>2016</option>
				<option>2015</option>
				<option>2014</option>
				<option>2013</option>
				<option>2012</option>
			</select>
			<span class="chose_tltle">请输入月份：</span>
			<input class="chose_text_in">
			<button class="chose_enter">确定</button>
		</div>
		<div class="clear"></div>
	</div>
	<div class="index_tabs">
		<div class="inner">
			<div class="data_left03">
				<div class="dataAllNo01 maginS01">
					<div class="dataAllBorder01">
						<div class="dataAllBorder02">
							<div class="data_tit3">在训班级整体情况分析</div>
							<table class="table_data01" id="classTb">
								<tr>
									<td>班级名称</td>
									<td>在训人数</td>
									<td>项目经理</td>
									<td>重点关注人数</td>
									<td>课程阶段</td>
								</tr>
							</table>
							<p class="data_chart01" id="zhanbi02"></p>
						</div>
					</div>
				</div>
			</div>
			<div class="data_left04">

				<!--style="margin-top: 6.3%"-->
				<div class="dataAllNo01">
					<div class="dataAllBorder01">
						<div class="dataAllBorder02">
							<div class="data_tit3">各班级作业情况分析</div>
							<table class="table_data02">
								<tr>
									<td class="font07">完成率</td>
									<td class="font03" id="complete_rate">80%</td>
									<td class="font07">提交率</td>
									<td class="font02" id="sumbit_rate">50%</td>
								</tr>
								<tr>
									<td class="font07">完成率低于40%占比</td>
									<td class="font01" id="lt40_rate">10%</td>
									<td class="font07">完成率高于80%占比</td>
									<td class="font01" id="ht80_rate">464.15%</td>
								</tr>
							</table>
							<!--提交率完成率图表-->
							<p class="zhanleft02" id="allAly03"></p>
							<!--折线图-->
							<table class="table_data_ex" id="zhan03">
								<caption class="font04">本周核心作业完成率低于40%学员列表</caption>
								<tr>
									<td>姓名</td>
									<td>班级</td>
									<td>核心作业完成率</td>
									<td>课程阶段</td>
									<td>完善措施</td>
								</tr>
								<tr>
									<td>lihong</td>
									<td>java297</td>
									<td>20%</td>
									<td>servlet阶段</td>
									<td>加强补课</td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="data_left03">
				<div class="dataAllNo01 maginS01">
					<div class="dataAllBorder01">
						<div class="dataAllBorder02">
							<div class="data_tit3">各班级考核情况分析</div>
							<table class="table_data02">
								<tr>
									<td class="font07">本周总成绩</td>
									<td class="font03" id="score_sum">100</td>
									<td class="font07">平均成绩</td>
									<td class="font02" id="score_avg">56</td>
								</tr>
							</table>
							<!--班级平均成绩图表-->
							<div id="allAly04" style="width: 90%; height: 45%;margin-top: 10px;"></div>
							<!--A/B/C/D类学员图表-->
							<div id="allAly05" style="width: 90%; height: 45%;margin-top: 10px;"></div>
						</div>
					</div>
				</div>
			</div>
			<!-----------项目扩展功能---------------->
			<div class="inner" style="display: none">
				<div class="clear"></div>
				<div class="data_left05">
					<div class="dataAllNo02 ">
						<div class="dataAllBorder01">
							<div class="dataAllBorder02">
								<div class="data_tit">当周项目经理发布作业次数</div>
								<p class="data_chart02" id="shijian01"></p>
								<!--									<div style="width: 400px; height: 400px;" id="shijian01"></div>-->
							</div>
						</div>

					</div>
				</div>
				<div class="data_left05">
					<div class="dataAllNo02 ">
						<div class="dataAllBorder01">
							<div class="dataAllBorder02">
								<div class="data_tit">学员各省就业空间展示</div>
								<div style="width: 930px; height: 340px;" id="shijian03"></div>
							</div>
						</div>

					</div>
				</div>
				<div class="clear"></div>
				<div class="data_left05">
					<div class="dataAllNo02">
						<div class="dataAllBorder01">
							<div class="dataAllBorder02">
								<div class="data_tit">当周各班级考核次数</div>
								<div id="shijian02" style="width: 620px; height: 300px;"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="data_left05">
					<div class="dataAllNo02">
						<div class="dataAllBorder01">
							<div class="dataAllBorder02">
								<div class="data_tit">学员空间定位信息</div>
								<div style="width: 930px; height: 340px;" id="shijian04"></p>
								</div>
							</div>

						</div>
					</div>
				</div>
				<!-----------项目扩展功能---------------->
		   </div>
		</div>
	</div>
</div>
</body>
</html>
<script src="../js/echarts.min.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/index.js"></script>
<script src="../js/bmap.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nSxiPohfziUaCuONe4ViUP2N  "></script>
<script type="text/javascript">
	//完成率、完成率低于40%、完成率低于80%、提交率exInfo
	//完成率低于40%的展示图listStudentCompleteRatelow40
	$(function(){
		$.ajax({
			type:"post",
			url:"/manager/analysis/exInfo",
			dataType:"json",
			success:function(data){
				console.log(333);
				console.log(data);
				$("#complete_rate").text(data.complete_rate+"%");
				$("#sumbit_rate").text(data.submit_rate+"%");
				$("#lt40_rate").text(data.lt40_rate+"%");
				$("#ht80_rate").text(data.ht80_rate+"%");
			}
		});
		//完成率低于40%的展示图
		$.ajax({
			type:"post",
			url:"/manager/analysis/listStudentCompleteRatelow40",
			dataType:"json",
			success:function(data){
				console.log(555);
				console.log(data);
				if(data != null){
					$.each(data,function (index,item) {
						$("#zhan03").append("<tr>" +
								"<td>"+item.f_name+"</td>" +
								"<td>"+item.f_classname+"</td>" +
								"<td>"+item.f_core+"</td>" +
								"<td>"+item.f_progress+"</td>" +
								"<td>"+item.f_suggestion+"</td>" +
								"</tr>");
					});
				}
			}
		});
	});
	//本周总成绩、平均成绩findClassessumandavg
	$(function(){
		//本周总成绩、平均成绩
		$.ajax({
			type:"post",
			url:"/manager/analysis/findClassessumandavg",
			dataType:"json",
			success:function(data){
				console.log(666);
				console.log(data);
				$("#score_sum").text(data.score_sum);
				$("#score_avg").text(data.score_avg);
			}
		});
	});
	//班级整体信息可视化classInfo-----
	$(function () {
		var myChart11 = echarts.init($("#zhanbi02")[0]);
		// 指定图表的配置项和数据
		// 指定图表的配置项和数据
		var option = {
			title: {
				top: "10%",
				text: '各班的在训人数和关注人数',
				textStyle: {
					color: '#e9ebee',
					fontSize: 17,
					Height: 86
				}
			},
			tooltip: {
				trigger: 'axis'
			},
			legend: {
				top: "10%",
				data: ['总人数','关注人数'],
				textStyle: {
					color: "#e9ebee"
				},
				left:"50%"
			},
			grid: {
				top: "30%",
				bottom:"10%"
			},
			xAxis: {
				name: '班级',
				nameLocation:  'end',
				nameTextStyle:  {
					color: '#e9ebee',
					fontSize: 15
				},
				axisLine: {
					lineStyle: {
						color: "#e9ebee"
					}
				},
				type: 'category',
				boundaryGap: false,
				data: ['java293', 'java293', 'java293', 'java293', 'java293', 'java293', 'java293']
			},
			yAxis: {
				name: '人数',
				nameLocation:  'end',
				nameTextStyle: {
					color: '#e9ebee',
					fontSize: 15
				},
				axisLine: {
					lineStyle: {
						color: "#e9ebee"
					}
				},
				type: 'value',
				axisLabel: {
					formatter: '{value} 人'
				}
			},
			series: [
				{
					name: '总人数',
					type: 'line',
					data: [10, 11, 13, 11, 12, 12, 9],
					markPoint: {
						data: [
							{ type: 'max', name: 'Max' },
							{ type: 'min', name: 'Min' }
						]
					},
					markLine: {
						data: [{ type: 'average', name: 'Avg' }]
					}
				},
				{
					name: '关注人数',
					type: 'line',
					data: [1, 2, 2, 5, 3, 2, 0],
					markLine: {
						data: [
							{ type: 'average', name: 'Avg' }
						]
					}
				}
			]
		};
		myChart11.setOption(option);
		//--------------班级整体信息可视化start----------------
		//发送异步请求
		//班级整体情况
		$.ajax({
			url:"/manager/analysis/classInfo",
			type:"get",
			dataType: "json",
			success:function (data) {
				console.log("-data-")
				console.log(data)
				//班级总人数
				var arr1 = [];
				//班级关注人数
				var arr2 = [];
				//班级名称
				var arr3 = [];
				if(data !=null){
					$.each(data,function (index,item) {
						console.log(item);
						arr1[index] = item.f_remainum;
						arr2[index] = (item.num == undefined ? 0 : item.num);
						arr3[index] = item.f_classname;
						$("#classTb").append("<tr>" +
								"<td>"+item.f_classname+"</td>" +
								"<td class='font03'>"+item.f_remainum+"</td>" +
								"<td>"+item.f_mastername+"</td>" +
								"<td class='font03'>"+(item.num == undefined ? 0 : item.num)+"</td>" +
								"<td>"+item.f_progress+"</td>" +
								"</tr>")
					})
				}
				//初始化折线图的数据
				console.log("-data-arr1-arr2-arr3-")
				console.log(arr1);
				console.log("------------------");
				console.log(arr2);
				console.log(arr3);
				//设置图标的属性分别对应以上三个数组即可
				myChart11.setOption({
					xAxis: {
						name: '日期',
						nameLocation:  'end',
						nameTextStyle:  {
							color: '#e9ebee',
							fontSize: 15
						},
						type: 'category',
						data: arr3,
					},
					series: [{
						name: '总人数',
						type: 'line',
						data: arr1,
						markPoint: {
							data: [
								{type: 'max', name: '最大值'},
								{type: 'min', name: '最小值'}
							]
						},
					},{
						name: '关注人数',
						type: 'line',
						data: arr2,
						markPoint: {
							data: [
								{type: 'max', name: '最大值'},
								{type: 'min', name: '最小值'}
							]
						},
					},]
				});
			},
			error: function () {
				alert("折线图图异步交互失败~");
			}
		});
	});
	//核心作业提交率和完成率统计图标展示listCompleteRateSubmitRate
	$(function() {
		let myChart0 = echarts.init($("#allAly03")[0]);
		let option = {
			title: {
				text: '本周核心作业提交率和完成率统计',
				textStyle: {
					color: "#e9ebee"

				},
				x: 'center'

			},
			tooltip: {
				trigger: "axis",
				axisPointer: {
					type: "shadow"
				}
			},
			legend: {
				orient: 'vertical',
				x: 'left',
				data:['完成率',"提交率"],
				textStyle: {
					color: "#e9ebee"

				},
			},
			grid: {
				left: "0%",
				right: "0%"
			},
			calculable: false,
			xAxis: [{
				type: 'category',
				data: ['java280', 'java290', 'java291'],
				splitLine: {
					show: false
				},
				axisLine: {
					lineStyle: {
						color: "#e9ebee"
					}
				}
			}],
			yAxis: [{
				type: 'value',
				splitLine: {
					show: false
				},
				axisLine: {
					lineStyle: {
						color: "#e9ebee"
					}
				},
				axisLabel: {
					interval: 'auto',
					formatter: '{value} %',
					textStyle: {
						color: '#e9ebee',
						align: 'right'
					}
				}
			}],
			grid: {
				borderWidth: 0
			},
			series: [{
				name: '完成率',
				type: 'bar',
				data: [50, 20, 40],
				itemStyle: {
					normal: {
						color: '#2481ff'
					}
				},
				markPoint: {
					data: [{
						type: 'max',
						name: '最大值'
					},
						{
							type: 'min',
							name: '最小值'
						}
					]
				},
				markLine: {
					data: [{
						type: 'average',
						name: '平均值'
					}]
				}
			},
				{
					name: '提交率',
					type: 'bar',
					data: [80, 75, 90],
					itemStyle: {
						normal: {
							color: '#1afffd'
						}
					},
					markPoint: {
						data: [{
							type: 'max',
							name: '最大值'
						},
							{
								type: 'min',
								name: '最小值'
							}
						]
					},
					markLine: {
						data: [{
							type: 'average',
							name: '平均值'
						}]
					}
				}
			]
		};
		myChart0.setOption(option);
		$.ajax({
			type: 'get',
			url: '/manager/analysis/listCompleteRateSubmitRate',
			dataType: 'json',
			success: function (data) {
				console.log(444)
				console.log(data);
				let arr = [];
				let arr1 = [];
				let arr2 = [];
				for(let i = 0;i < data.length;i++){
					let obj = data[i];
					let a = obj.classname;
					let b = obj.complete_rate;
					let c = obj.submit_rate;
					arr[i] = a;
					arr1[i] = b;
					arr2[i] = c;
				}
				console.log("arr");
				console.log(arr);
				/*console.log(arr1);
                console.log(arr2);*/
				myChart0.setOption({
					xAxis: [{
						type: 'category',
						data: arr
					}],
					series: [
						{
							name: '完成率',
							data: arr1
						},
						{
							name: '提交率',
							data: arr2
						}
					]
				});

			},
			error: function () {
				alert("柱状图异步交互失败~");
			}
		});
	});
	//各班级平均成绩展示图listClassesavg
	$(function(){
		let myChart2 = echarts.init($("#allAly04")[0]);
		let option = {
			title: {
				text: '本周各班级平均成绩',
				left: 'center',
				textStyle:{
					color: "white",
					fontWeight: "bold",
				}
			},
			tooltip: {
				trigger: 'item'
			},
			series: [
				{
					name: '平均成绩',
					type: 'pie',
					radius: '50%',
				    left: '12%',
					data: [
						{value: 80, name: 'java297'},
						{value: 75, name: 'java230'},
						{value: 35.4, name: '大数据'},
						{value: 86, name: 'java299'},
						{value: 90, name: 'java289'}
					],
					emphasis: {
						itemStyle: {
							shadowBlur: 10,
							shadowOffsetX: 0,
							shadowColor: 'rgba(0, 0, 0, 0.5)'
						}
					}
				}
			]
		};
		myChart2.setOption(option);
		//发送异步请求，获取当前在训班级的平均成绩
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/listClassesavg", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(777);
				console.log(data);
				//声明数组
				let arr = [];
				//循环遍历服务器返回的数组对象
				for(let i = 0; i < data.length; i++){
					//获取每一个数组元素
					let  obj = data[i];
					//获取obj对象的属性值
					let classname = obj.f_classname;
					let avg_score = obj.score_avg;
					//声明对象
					let target = {};
					target.name = classname;
					target.value = avg_score;
					arr[i] = target;
				}
				//console.log(arr);
				myChart2.setOption({
					series: [{
						data: arr
					}]
				});
			},
			error:function(){
				alert("饼状图异步交互失败~");
			}
		});
	});
	//A/B/C/D类学员图表listStudentLevelCount
	$(function(){
		let myChart1 = echarts.init($("#allAly05")[0]);
		let option = {
			title: {
				left: '5%',
				text: '学员等级',
				textStyle:{
					color: "white",
					fontWeight: "bold",
				}
			},
			tooltip: {
				trigger: 'item'
			},
			legend: {
				data: ['A类','B类','C类','D类','E类'],
				textStyle: {
					color: "#e9ebee"
				},
				left: "30%"
			},

			series: [
				{
					name:'学员等级',
					type:'funnel',
					left: '30%',
					top: 60,
					bottom: 60,
					min: 0,
					max: 100,
					minSize: '0%',
					maxSize: '100%',
					sort: 'descending',
					gap: 2,
					label: {
						show: true,
						position: 'inside'
					},
					labelLine: {
						length: 10,
						lineStyle: {
							width: 1,
							type: 'solid'
						}
					},
					itemStyle: {
						borderColor: '#fff',
						borderWidth: 1
					},
					emphasis: {
						label: {
							fontSize: 20
						}
					},
					data: [
						{value: 60, name: 'E类'},
						{value: 40, name: 'D类'},
						{value: 20, name: 'C类'},
						{value: 80, name: 'B类'},
						{value: 100, name: 'A类'}
					]
				}
			]
		};
		myChart1.setOption(option);
		$.ajax({
			type: 'get',
			url: '/manager/analysis/listStudentLevelCount',
			dataType: "json",
			success: function (data) {
				console.log(888);
				console.log(data);
				let obj = data;
				let a = {};
				a.name = 'A类';
				a.value = obj.a;
				let b = {};
				b.name = 'B类';
				b.value = obj.b;
				let c = {};
				c.name = 'C类';
				c.value = obj.c;
				let d = {};
				d.name = 'D类';
				d.value = obj.d;
				let e = {};
				e.name = 'E类';
				e.value = obj.e;
				let target = [];
				target[0] = a;
				target[1] = b;
				target[2] = c;
				target[3] = d;
				target[4] = e;
				myChart1.setOption({
					series: [{
						data: target
					}]
				});
			},
			error: function () {
				alert("漏斗图异步交互失败~")
			}
		})
	});
	//-----------------拓展功能模块------------------
	//雷达图
	function managerAny(){
		//当周项目经理发布作业次数
		let myChart = echarts.init($("#shijian01")[0]);
		let option = {
			color: ["#e0d710", "#66ef05"],
			title: {
				left: '5%',
				text: '当周项目经理发布作业次数',
				textStyle: {
					color: "#e9ebee"
				}
			},
			tooltip: {
				trigger: "item",
				axisPointer: {
					type: "shadow"
				}
			},
			legend: {
				data: ['预计发布作业次数', '实际发布作业次数'],
				textStyle: {
					color: "#e9ebee"
				}
			},
			radar: {
				indicator: [
					{name: 'zs', max: 6},//项目经理名字可以定义为全局变量，再取出即可
					{name: 'ls', max: 6},
					{name: 'ww', max: 6},
					{name: 'aa', max: 6},
					{name: 'dd', max: 6}
				],
				center: ['50%', '60%'],
				name: {
					color: "#e9ebee"
				},
				radius: ["0%", "80%"]
			},
			series: [
				{
					name: '发布作业次数',
					type: 'radar',
					data: [
						{
							value: [5, 5, 5, 5, 5],
							name: '预计发布作业次数'
						},
						{
							value: [1, 3, 5, 2, 3],
							name: '实际发布作业次数'
						}
					]
				}
			]
		};
		myChart.setOption(option);
		$.ajax({
			type: 'get',
			url: '/manager/analysis/listMasterCount',
			dataType: "json",
			success: function (data) {
				console.log(2111);
				console.log(data);
				let a = {};
				a.name = data[0].f_master;
				a.max = 6;
				let b = {};
				b.name = data[1].f_master;
				b.max = 6;
				let c = {};
				c.name = data[2].f_master;
				c.max = 6;
				let d = {};
				d.name = data[3].f_master;
				d.max = 6;
				let e = {};
				e.name = data[4].f_master;
				e.max = 6;
				let target = [];
				target[0] = a;
				target[1] = b;
				target[2] = c;
				target[3] = d;
				target[4] = e;
				let arr = [];
				for(let i = 0; i < data.length; i++){
					//获取每一个数组元素
					let  obj = data[i];
					//获取obj对象的属性值
					let taskCount = obj.task;
					arr[i] = taskCount;
				}
				console.log(arr);
				myChart.setOption({
					radar: {
						indicator:target
					},
					 series: [
                         {
                             data: [
                                 {
                                     value: [5, 5, 5, 5, 5],
									 // value: [2, 2, 2, 2, 2],
									 name: '预计发布作业次数'
                                 },
                                 {
                                     value: arr,
                                     name: '实际发布作业次数'
                                 }
                             ]
                         }
                     ]
				});
			},
			error: function () {
				alert("雷达图异步交互失败~")
			}
		})
	}
	//----每周项目经理考核次数统计----
	$(function () {
		let myChart22 = echarts.init($("#shijian02")[0]);;
		let option = {
			color: ["#aca511", "#4fb407"],
			title: {
				left: '10%',
				text: '每周项目经理考核次数',
				textStyle: {
					color: "#e9ebee"
				}
			},
			tooltip: {
				trigger: 'axis',
				axisPointer: {
					type: 'shadow'
				}
			},
			legend: {
					textStyle: {
						color: "#e9ebee"
					},
				left:"60%"
					},
			grid: {
				left: '20%',
				right: '2%',
				bottom: '1%',
				containLabel: true
			},
			xAxis: {
				type: 'value',
				boundaryGap: [0, 0.01],
				axisLine: {
					lineStyle: {
						color: "#e9ebee"
					}
				}
			},
			yAxis: {
				type: 'category',
				data: ['栾小梅', '张益博', '崔倩倩', '李红', '李宇', '张佳佳'],
				axisLine: {
					lineStyle: {
						color: "#e9ebee"
					}
				}
			},
			series: [
				{
					name: '标准考核',
					type: 'bar',
					data: [1, 1, 1, 1, 1, 1]
				},
				{
					name: '实际考核',
					type: 'bar',
					data: [3, 23, 6, 9, 0, 14]
				}
			]
		};
		myChart22.setOption(option);
		$.ajax({
			type: 'get',
			url: '/manager/analysis/listAssessSum',
			dataType: "json",
			success: function (data) {
				console.log(data);
				let arr1 = [];
				let arr2 = [];
				for(let i = 0; i < data.length; i++){
					//获取每一个数组元素
					let  obj = data[i];
					//获取obj对象的属性值
					let assessor = obj.f_assessor;
					let asSUM = obj.assessSUM;
					//声明对象
					arr1[i] = assessor;
					arr2[i] = asSUM;
				}
				myChart22.setOption({
					xAxis: {
						type: 'value',
						boundaryGap: [0, 0.01]
					},
					yAxis: {
						type: 'category',
						data: arr1
					},
					series: [
						{
							name: '标准考核',
							type: 'bar',
							data: [1, 1, 1, 1, 1, 1]
						},
						{
							name: '实际考核',
							type: 'bar',
							data: arr2
						}
					]
				});
			},
			error: function () {
				alert("经理考核次数异步交互失败~")
			}
		})
	});
	//地图
	$(function () {
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('shijian03'));
		// 指定图表的配置项和数据
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/listStudentsEmployCityAndSalary", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				var arr = [];
				//循环遍历服务器返回的数组对象
				for(var i = 0; i < data.length; i++) {
					//获取每一个数组元素
					var obj = data[i];
					//获取obj对象的属性值
					var classname = obj.f_city;
					var avg_score = obj.f_sum;
					var avg_salary = obj.f_saly;
					//声明对象
					var target = {};
					target.name = classname;
					target.value = avg_score;
					target.sal = avg_salary;
					arr[i] = target;
				}
				const geoCoordMap = {
					上海: [121.48, 31.22],
					兰州: [103.73, 36.03],
					北京: [116.46, 39.92],
					开封: [114.35, 34.79],
					扬州: [119.42, 32.39],
					桂林: [110.28, 25.29],
					武汉: [114.31, 30.52],
					杭州: [120.19, 30.26],
					海口: [110.35, 20.02],
					西宁: [101.74, 36.56],
				}
				var a=arr.sort(function (a, b) {
					return b.value - a.value;
				}).slice(0, 5)
				var res1 = [];
				for (var i = 0; i < a.length; i++) {
					var geoCoord = geoCoordMap[a[i].name];
					if (geoCoord) {
						res1.push({
							name: a[i].name,
							value: geoCoord.concat(a[i].value),
							sal: arr[i].sal,
						});
					}
				}
				var res = [];
				for (var i = 0; i <arr.length; i++) {
					var geoCoord = geoCoordMap[arr[i].name];
					if (geoCoord) {
						res.push({
							name: arr[i].name,
							value: geoCoord.concat(arr[i].value),
							sal: arr[i].sal,
						});
					}
				}
				console.log(res);
				console.log(res1);
				myChart.setOption({
					title: {
						text: '毕业生就业去向',
						textStyle: {
							color: "#e9ebee"
						},
						subtext: 'data from student',
						left: 'center'
					},
					grid:{
						left: '10',
						right: '5%',
						top: '5%',
						bottom: '5%'
					},
					tooltip : {
						trigger: 'item',
						formatter: function (params) {
							return params.name + ' </br>'+'就业人数'+':'+params.value[2]+' </br>'+'薪资水平'+ ': '+params.data.sal;
					}},
					bmap: {
						center: [45, 55],
						zoom: 3,
						roam: true,
						mapStyle: {
							styleJson:[{
								"featureType": "land",
								"elementType": "geometry",
								"stylers": {
									"color": "#1762b1ff",
									"visibility": "on"
								}
							}, {
								"featureType": "water",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#1762b1ff",
									"visibility": "on"
								}
							}, {
								"featureType": "building",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#0c56a2ff",
									"visibility": "on"
								}
							}, {
								"featureType": "building",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#004489ff",
									"visibility": "on"
								}
							}, {
								"featureType": "water",
								"elementType": "geometry",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "village",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "town",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "district",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "country",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "city",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "continent",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "poilabel",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "poilabel",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "scenicspotslabel",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "scenicspotslabel",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "transportationlabel",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "transportationlabel",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "airportlabel",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "airportlabel",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "green",
								"elementType": "geometry",
								"stylers": {
									"color": "#1b263bff",
									"visibility": "on"
								}
							}, {
								"featureType": "scenicspots",
								"elementType": "geometry",
								"stylers": {
									"color": "#1762b1ff",
									"visibility": "on"
								}
							}, {
								"featureType": "scenicspots",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "scenicspots",
								"elementType": "labels.text.stroke",
								"stylers": {
									"weight": 1,
									"color": "#788caaff",
									"visibility": "on"
								}
							}, {
								"featureType": "continent",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "country",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "city",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "city",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "scenicspotslabel",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "airportlabel",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "transportationlabel",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "railway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "subway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "highwaysign",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "nationalwaysign",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "nationalwaysign",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "provincialwaysign",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "provincialwaysign",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "tertiarywaysign",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "tertiarywaysign",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "subwaylabel",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "subwaylabel",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "road",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on",
									"weight": 90
								}
							}, {
								"featureType": "road",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "shopping",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "scenicspots",
								"elementType": "labels",
								"stylers": {
									"visibility": "on"
								}
							}, {
								"featureType": "scenicspotslabel",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "manmade",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "manmade",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "highwaysign",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "water",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#1b263b00",
									"visibility": "on"
								}
							}, {
								"featureType": "road",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "road",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "road",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "road",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "road",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "road",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "road",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "road",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "road",
								"elementType": "labels.text",
								"stylers": {
									"fontsize": 24
								}
							}, {
								"featureType": "highway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#1c4f7eff"
								}
							}, {
								"featureType": "highway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#1c4f7eff"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "provincialway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "arterial",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "tertiaryway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "fourlevelway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "local",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "arterial",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "tertiaryway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "fourlevelway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "local",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "local",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "local",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "fourlevelway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "tertiaryway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "arterial",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "arterial",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "tertiaryway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "fourlevelway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "fourlevelway",
								"elementType": "geometry",
								"stylers": {
									"weight": 1
								}
							}, {
								"featureType": "tertiaryway",
								"elementType": "geometry",
								"stylers": {
									"weight": 1
								}
							}, {
								"featureType": "local",
								"elementType": "geometry",
								"stylers": {
									"weight": 1
								}
							}, {
								"featureType": "provincialway",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "arterial",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "highway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "highway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "highway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "highway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "highway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "highway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "highway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "highway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "nationalway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "nationalway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "nationalway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "nationalway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "provincialway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "8"
								}
							}, {
								"featureType": "provincialway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "9"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "8"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "9"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "8"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "9"
								}
							}, {
								"featureType": "cityhighway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "cityhighway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "cityhighway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "cityhighway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "arterial",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "9,9",
									"level": "9"
								}
							}, {
								"featureType": "arterial",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "9,9",
									"level": "9"
								}
							}, {
								"featureType": "arterial",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "9,9",
									"level": "9"
								}
							}]
						}
					},
					series: [
						{
							name: '就业人数',
							type: 'scatter',
							coordinateSystem: 'bmap',
							data: res,
							symbolSize: function (val) {
								return val[2] /2;
							},
							encode: {
								value: 2
							},
							label: {
								formatter: '{b}',
								position: 'right',
								show: false
							},
							itemStyle:{
								color: "#0fff0e"
							},
							emphasis: {
								label: {
									show: true
								}
							},
						},
						{
							name: 'Top 5',
							type: 'effectScatter',
							coordinateSystem: 'bmap',
							data:res1,
							symbolSize: function (val) {
								return val[2] / 2;
							},
							encode: {
								value: 2
							},
							showEffectOn: 'render',
							rippleEffect: {
								brushType: 'stroke'
							},
							label: {
								formatter: '{b}',
								position: 'right',
								show: true
							},
							itemStyle: {
								color: "#ff0309",
								shadowBlur: 10,
								//shadowColor: "#212121"
								shadowColor: "#333"
							},
							emphasis: {
								scale: true
							},
							zlevel: 1
						}
					]
				});
			},
		});
	});
	//空间定位
	$(function () {
		// 基于准备好的dom，初始化echarts实例
		var myChart9 = echarts.init(document.getElementById('shijian04'));
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/listStudentsLocation", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data) {
				//异步交互成功的回调函数，data就是后台返回的json数据
				const geoCoordMap = {
					海门: [121.15, 31.89],
					鄂尔多斯: [109.781327, 39.608266],
					招远: [120.38, 37.35],
					舟山: [122.207216, 29.985295],
					齐齐哈尔: [123.97, 47.33],
					盐城: [120.13, 33.38],
					赤峰: [118.87, 42.28],
					青岛: [120.33, 36.07],
					乳山: [121.52, 36.89],
					金昌: [102.188043, 38.520089],
					泉州: [118.58, 24.93],
					莱西: [120.53, 36.86],
					日照: [119.46, 35.42],
					胶南: [119.97, 35.88],
					南通: [121.05, 32.08],
					拉萨: [91.11, 29.97],
					云浮: [112.02, 22.93],
					梅州: [116.1, 24.55],
					文登: [122.05, 37.2],
					上海: [121.48, 31.22],
					攀枝花: [101.718637, 26.582347],
					威海: [122.1, 37.5],
					承德: [117.93, 40.97],
					厦门: [118.1, 24.46],
					汕尾: [115.375279, 22.786211],
					潮州: [116.63, 23.68],
					丹东: [124.37, 40.13],
					太仓: [121.1, 31.45],
					曲靖: [103.79, 25.51],
					烟台: [121.39, 37.52],
					福州: [119.3, 26.08],
					瓦房店: [121.979603, 39.627114],
					即墨: [120.45, 36.38],
					抚顺: [123.97, 41.97],
					玉溪: [102.52, 24.35],
					张家口: [114.87, 40.82],
					阳泉: [113.57, 37.85],
					莱州: [119.942327, 37.177017],
					湖州: [120.1, 30.86],
					汕头: [116.69, 23.39],
					昆山: [120.95, 31.39],
					宁波: [121.56, 29.86],
					湛江: [110.359377, 21.270708],
					揭阳: [116.35, 23.55],
					荣成: [122.41, 37.16],
					连云港: [119.16, 34.59],
					葫芦岛: [120.836932, 40.711052],
					常熟: [120.74, 31.64],
					东莞: [113.75, 23.04],
					河源: [114.68, 23.73],
					淮安: [119.15, 33.5],
					泰州: [119.9, 32.49],
					南宁: [108.33, 22.84],
					营口: [122.18, 40.65],
					惠州: [114.4, 23.09],
					江阴: [120.26, 31.91],
					蓬莱: [120.75, 37.8],
					韶关: [113.62, 24.84],
					嘉峪关: [98.289152, 39.77313],
					广州: [113.23, 23.16],
					延安: [109.47, 36.6],
					太原: [112.53, 37.87],
					清远: [113.01, 23.7],
					中山: [113.38, 22.52],
					昆明: [102.73, 25.04],
					寿光: [118.73, 36.86],
					盘锦: [122.070714, 41.119997],
					长治: [113.08, 36.18],
					深圳: [114.07, 22.62],
					珠海: [113.52, 22.3],
					宿迁: [118.3, 33.96],
					咸阳: [108.72, 34.36],
					铜川: [109.11, 35.09],
					平度: [119.97, 36.77],
					佛山: [113.11, 23.05],
					海口: [110.35, 20.02],
					江门: [113.06, 22.61],
					章丘: [117.53, 36.72],
					肇庆: [112.44, 23.05],
					大连: [121.62, 38.92],
					临汾: [111.5, 36.08],
					吴江: [120.63, 31.16],
					石嘴山: [106.39, 39.04],
					沈阳: [123.38, 41.8],
					苏州: [120.62, 31.32],
					茂名: [110.88, 21.68],
					嘉兴: [120.76, 30.77],
					长春: [125.35, 43.88],
					胶州: [120.03336, 36.264622],
					银川: [106.27, 38.47],
					张家港: [120.555821, 31.875428],
					三门峡: [111.19, 34.76],
					锦州: [121.15, 41.13],
					南昌: [115.89, 28.68],
					柳州: [109.4, 24.33],
					三亚: [109.511909, 18.252847],
					自贡: [104.778442, 29.33903],
					吉林: [126.57, 43.87],
					阳江: [111.95, 21.85],
					泸州: [105.39, 28.91],
					西宁: [101.74, 36.56],
					宜宾: [104.56, 29.77],
					呼和浩特: [111.65, 40.82],
					成都: [104.06, 30.67],
					大同: [113.3, 40.12],
					镇江: [119.44, 32.2],
					桂林: [110.28, 25.29],
					张家界: [110.479191, 29.117096],
					宜兴: [119.82, 31.36],
					北海: [109.12, 21.49],
					西安: [108.95, 34.27],
					金坛: [119.56, 31.74],
					东营: [118.49, 37.46],
					牡丹江: [129.58, 44.6],
					遵义: [106.9, 27.7],
					绍兴: [120.58, 30.01],
					扬州: [119.42, 32.39],
					常州: [119.95, 31.79],
					潍坊: [119.1, 36.62],
					重庆: [106.54, 29.59],
					台州: [121.420757, 28.656386],
					南京: [118.78, 32.04],
					滨州: [118.03, 37.36],
					贵阳: [106.71, 26.57],
					无锡: [120.29, 31.59],
					本溪: [123.73, 41.3],
					克拉玛依: [84.77, 45.59],
					渭南: [109.5, 34.52],
					马鞍山: [118.48, 31.56],
					宝鸡: [107.15, 34.38],
					焦作: [113.21, 35.24],
					句容: [119.16, 31.95],
					北京: [116.46, 39.92],
					徐州: [117.2, 34.26],
					衡水: [115.72, 37.72],
					包头: [110, 40.58],
					绵阳: [104.73, 31.48],
					乌鲁木齐: [87.68, 43.77],
					枣庄: [117.57, 34.86],
					杭州: [120.19, 30.26],
					淄博: [118.05, 36.78],
					鞍山: [122.85, 41.12],
					溧阳: [119.48, 31.43],
					库尔勒: [86.06, 41.68],
					安阳: [114.35, 36.1],
					开封: [114.35, 34.79],
					济南: [117, 36.65],
					德阳: [104.37, 31.13],
					温州: [120.65, 28.01],
					九江: [115.97, 29.71],
					邯郸: [114.47, 36.6],
					临安: [119.72, 30.23],
					兰州: [103.73, 36.03],
					沧州: [116.83, 38.33],
					临沂: [118.35, 35.05],
					南充: [106.110698, 30.837793],
					天津: [117.2, 39.13],
					富阳: [119.95, 30.07],
					泰安: [117.13, 36.18],
					诸暨: [120.23, 29.71],
					郑州: [113.65, 34.76],
					哈尔滨: [126.63, 45.75],
					聊城: [115.97, 36.45],
					芜湖: [118.38, 31.33],
					唐山: [118.02, 39.63],
					平顶山: [113.29, 33.75],
					邢台: [114.48, 37.05],
					德州: [116.29, 37.45],
					济宁: [116.59, 35.38],
					荆州: [112.239741, 30.335165],
					宜昌: [111.3, 30.7],
					义乌: [120.06, 29.32],
					丽水: [119.92, 28.45],
					洛阳: [112.44, 34.7],
					秦皇岛: [119.57, 39.95],
					株洲: [113.16, 27.83],
					石家庄: [114.48, 38.03],
					莱芜: [117.67, 36.19],
					常德: [111.69, 29.05],
					保定: [115.48, 38.85],
					湘潭: [112.91, 27.87],
					金华: [119.64, 29.12],
					岳阳: [113.09, 29.37],
					长沙: [113, 28.21],
					衢州: [118.88, 28.97],
					廊坊: [116.7, 39.53],
					菏泽: [115.480656, 35.23375],
					合肥: [117.27, 31.86],
					武汉: [114.31, 30.52],
					大庆: [125.03, 46.58]
				};
				console.log("--data--");
				console.log(data);
				var arr = [];
				//循环遍历服务器返回的数组对象
				for(var i = 0; i < data.length; i++) {
					//获取每一个数组元素
					var obj = data[i];
					//获取obj对象的属性值
					var city = obj.f_city;
					var name = obj.f_name;
					var classname=obj.f_class;
					//声明对象
					var target = {};
					target.city = city;
					target.name=name;
					target.classname=classname;
					arr[i] = target;
				}
				console.log("--arr--");
				console.log(arr);
				var res = [];
				for (var i = 0; i < arr.length; i++) {
					var geoCoord = geoCoordMap[arr[i].city];
					if (geoCoord) {
						res.push({
							name: arr[i].name,
							city: arr[i].city,
							classname:arr[i].classname,
							value:geoCoord
						});
					}
				}
				console.log("--res--");
				console.log(res);
				myChart9.setOption({
					title: {
						text: '学员定位分布概览',
						textStyle: {
							color: "#e9ebee"
						},
						subtext: 'data from student',
						left: 'center'
					},
					tooltip: {
						trigger: 'item',
						formatter: function (params) {
							return '班级'+ ': '+params.data.classname+ ' </br>'+'姓名'+ ': '+params.name + ' </br>'+'地点'+ ': '+params.data.city;}
					},
					bmap: {
						center: [45, 55],
						zoom: 3,
						roam: true,
						mapStyle: {
							styleJson: [{
								"featureType": "land",
								"elementType": "geometry",
								"stylers": {
									"color": "#1762b1ff",
									"visibility": "on"
								}
							}, {
								"featureType": "water",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#1762b1ff",
									"visibility": "on"
								}
							}, {
								"featureType": "building",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#0c56a2ff",
									"visibility": "on"
								}
							}, {
								"featureType": "building",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#004489ff",
									"visibility": "on"
								}
							}, {
								"featureType": "water",
								"elementType": "geometry",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "village",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "town",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "district",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "country",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "city",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "continent",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "poilabel",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "poilabel",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "scenicspotslabel",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "scenicspotslabel",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "transportationlabel",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "transportationlabel",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "airportlabel",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "airportlabel",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "green",
								"elementType": "geometry",
								"stylers": {
									"color": "#1b263bff",
									"visibility": "on"
								}
							}, {
								"featureType": "scenicspots",
								"elementType": "geometry",
								"stylers": {
									"color": "#1762b1ff",
									"visibility": "on"
								}
							}, {
								"featureType": "scenicspots",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "scenicspots",
								"elementType": "labels.text.stroke",
								"stylers": {
									"weight": 1,
									"color": "#788caaff",
									"visibility": "on"
								}
							}, {
								"featureType": "continent",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "country",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "city",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "city",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "scenicspotslabel",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "airportlabel",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "transportationlabel",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "railway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "subway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "highwaysign",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "nationalwaysign",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "nationalwaysign",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "provincialwaysign",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "provincialwaysign",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "tertiarywaysign",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "tertiarywaysign",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "subwaylabel",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "subwaylabel",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "road",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on",
									"weight": 90
								}
							}, {
								"featureType": "road",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "shopping",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "scenicspots",
								"elementType": "labels",
								"stylers": {
									"visibility": "on"
								}
							}, {
								"featureType": "scenicspotslabel",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "manmade",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "manmade",
								"elementType": "labels",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "highwaysign",
								"elementType": "labels.icon",
								"stylers": {
									"visibility": "off"
								}
							}, {
								"featureType": "water",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#1b263b00",
									"visibility": "on"
								}
							}, {
								"featureType": "road",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "road",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "road",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "road",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "road",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "road",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "road",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "road",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "road",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "road",
								"elementType": "labels.text",
								"stylers": {
									"fontsize": 24
								}
							}, {
								"featureType": "highway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#1c4f7eff"
								}
							}, {
								"featureType": "highway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#1c4f7eff"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "provincialway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "arterial",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "tertiaryway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "fourlevelway",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "local",
								"elementType": "geometry.fill",
								"stylers": {
									"color": "#4777afff",
									"visibility": "on"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "arterial",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "tertiaryway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "fourlevelway",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "local",
								"elementType": "geometry.stroke",
								"stylers": {
									"color": "#295487ff",
									"visibility": "on"
								}
							}, {
								"featureType": "local",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "local",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "fourlevelway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "tertiaryway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "arterial",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "labels.text.fill",
								"stylers": {
									"color": "#dddfdaff",
									"visibility": "on"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "arterial",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "tertiaryway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "fourlevelway",
								"elementType": "labels.text.stroke",
								"stylers": {
									"color": "#788caaff",
									"visibility": "on",
									"weight": 1
								}
							}, {
								"featureType": "fourlevelway",
								"elementType": "geometry",
								"stylers": {
									"weight": 1
								}
							}, {
								"featureType": "tertiaryway",
								"elementType": "geometry",
								"stylers": {
									"weight": 1
								}
							}, {
								"featureType": "local",
								"elementType": "geometry",
								"stylers": {
									"weight": 1
								}
							}, {
								"featureType": "provincialway",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "arterial",
								"elementType": "geometry",
								"stylers": {
									"weight": 3
								}
							}, {
								"featureType": "highway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "highway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "highway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "highway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "highway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "highway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "highway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "highway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "highway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "nationalway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "nationalway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "nationalway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "nationalway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "nationalway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "provincialway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "8"
								}
							}, {
								"featureType": "provincialway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "9"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "8"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "9"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "8"
								}
							}, {
								"featureType": "provincialway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "8,10",
									"level": "9"
								}
							}, {
								"featureType": "cityhighway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "cityhighway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "cityhighway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "cityhighway",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "6"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "7"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "8"
								}
							}, {
								"featureType": "cityhighway",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "6,9",
									"level": "9"
								}
							}, {
								"featureType": "arterial",
								"stylers": {
									"curZoomRegionId": "0",
									"curZoomRegion": "9,9",
									"level": "9"
								}
							}, {
								"featureType": "arterial",
								"elementType": "geometry",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "9,9",
									"level": "9"
								}
							}, {
								"featureType": "arterial",
								"elementType": "labels",
								"stylers": {
									"visibility": "off",
									"curZoomRegionId": "0",
									"curZoomRegion": "9,9",
									"level": "9"
								}
							}]
						}
					},
					series: [
						{
							name: '定位信息',
							type: 'scatter',
							coordinateSystem: 'bmap',
							data: res,
							symbolSize: 25,
							symbol: "image://",
							encode: {
								value: 3
							},
							showEffectOn: 'render',
							rippleEffect: {
								brushType: 'stroke'
							},
							grid:{
								left: '10',
								right: '5%',
								top: '5%',
								bottom: '5%'
							},
							itemStyle: {
								color: "#ff4a03",
								borderColor: '#de2006', //线
								shadowColor: "#333"
							},
							label: {
								formatter: '{b}',
								position: 'right',
								show: false
							},
							emphasis: {
								label: {
									show: false
								}
							}
						}
					]
				});
			}});
	});
</script>
